/*
  studyTimetable.css
*/

/******************************************
 Widget

<div class="study-timetable">
<table>
  <thead>
    <tr>
      <th>Day of Week</th>
      <th>Study Time</th>
      <th>Minimum Duration</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Monday</td>
      <td>16:30 - 18:00</td>
      <td>1 hr</td>
    </tr>
  </tbody>
</table>
</div>
--------------------------------------- **/

.study-timetable table {
  font-size: 1.2em;
  text-align: left;
  /*  padding: 5px 0px 5px 0px; */
  /*  margin: 0 0 10px 0; */
  border-spacing: 0px;  /* cellspacing */
}
.study-timetable tr {
  text-align: center;
}
.study-timetable td {
  color: #ffffff;
  font-weight: bold;
  width: 144px;
  padding: 0;
  /* background-color: #990099; 0000CC; */
}
.study-timetable th {
  color: #33CCFF;
  padding-bottom: 4px;
  border-bottom: 1px solid white;
}
.study-timetable th:first-child {
  border-right: 1px solid white;
}
.study-timetable td:first-child {
  color: #33CCFF;
  border-right: 1px solid white;
}
.study-timetable td + td {
  width: 262px;
  /* background-color: #0000FF; */
}
.study-timetable td + td + td {
  width: 145px;
  /* background-color: #0099FF; */
}
